<nav id="breadcrumbs"
  {{- $breadcrumbTitles := slice }}
  data-pagefind-ignore class="gap-4 flex items-center text-gray-light dark:text-gray-dark min-w-0">
  {{ range .Ancestors.Reverse }}
    {{ $breadcrumbTitles = $breadcrumbTitles | append .LinkTitle }}
    <a href="{{ .Permalink }}" class="link truncate">{{ markdownify .LinkTitle }}</a>
    <span>/</span>
  {{- end }}
  <span
    data-pagefind-meta="breadcrumbs:{{ collections.Delimit $breadcrumbTitles " / " }}"
    class="truncate">{{ markdownify .LinkTitle }}</span>
</nav>
